<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实名认证</title>
</head>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body class="real">
<div class="header">
    <p id="top">
        <span class="left">亲，<a href="#">请注册</a>&nbsp;&nbsp;<a href="#">免费注册</a></span>
        <span class="right">
                      <a href="#">商城首页</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/个人中心 - 选中.png" height="12" width="12"/>
            <a href="#">个人中心</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/购物车.png" height="12" width="12"/>
            <a href="#">购物车0</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/收 藏.png" height="12" width="12"/>
            <a href="#">收藏夹</a>
            </span>
    </p>
    <div id="se">
        <img src="img/information/logo1.png" height="87" width="166" id="logo"/>
        <div id="serach_f">搜索
            <div id="serach">
                搜索
            </div>
        </div>
    </div>
    <ul class="banner clearfix">
        <div id="kind">
            全部种类
        </div>
        <li><a href="#">首页 </a> <span>|</span></li>
        <li><a href="#">闪购 </a><span>|</span></li>
        <li><a href="#">限时购 </a><span>|</span></li>
        <li><a href="#">团购 </a><span>|</span></li>
        <li><a href="#">大包装 </a><span>|</span></li>
    </ul>
    <div class="weal">
        <div class="box1">
        </div>
        <div class="box2">
            我的福利&nbsp;>
        </div>
    </div>
</div>
<p class="line"></p>
<div class="main">
    <div class="nav">
        <p class="personal">
            个人中心</p>
        <p id="per">
            个人资料</p>
        <ul >
            <li><a href="information.html">个人信息</a></li>
            <li><a href="safe.html" class="link">安全设置</a></li>
            <li><a href="address.html">地址管理</a></li>
            <li><a href="pay.html">快捷支付</a></li>
        </ul>

        <p id="deal">
            我的交易</p>
        <ul >
            <li><a href="#">订单管理</a></li>
            <li><a href="#">退款售后</a></li>
            <li><a href="#">评价商品</a></li>
        </ul>
        <p id="rich">
            我的资产</p>
        <ul >
            <li><a href="#">我的积分</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">红包</a></li>
            <li><a href="#">账户余额</a></li>
            <li><a href="#">账单明细</a></li>
        </ul>
        <p id="collect">
            我的收藏</p>
        <ul >
            <li><a href="#">收藏</a></li>
            <li><a href="#">足迹</a></li>
            <li><a href="#">红包</a></li>
        </ul>
        <p id="qq">
            在线客服</p>
        <ul >
            <li><a href="#">商品咨询</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">我的消息</a></li>
        </ul>
    </div>
    <div class="right clearfix">
        <p class="r_p">实名认证/Real Authentication</p>
        <p style="font-size: 15px; padding-left: 10px;">请填写您身份证上的真实信息，以用于报关审核</p>
        <p class="r_p1">填写个人信息</p>
        <form class="sub">

            <p><span>真实姓名</span><input type="text" placeholder=" 输入您的真实姓名"/>
            </p>
            <p><span>身份证号</span><input type="text" placeholder="name"/>
            </p>
            <div>保存修改</div>
        </form>
        <p class="r_p1">上传身份证照片</p>
        <div id="p_car1" class="clearfix">
            <p>正面照片</p>
            <div class="photo1">正面照片</div>
            <p>示例</p>
            <div class="example"></div>
        </div>
        <div id="p_car2">
            <p>背面照片</p>
            <div class="photo2">背面照片</div>
            <p>示例</p>
            <div class="example"></div>
        </div>
        <div id="btu">提交</div>
    </div>
</div>
<div class="footer">
    <p class="p1"><a href="#">WE SHOP</a><span>|</span><a href="#">商城首页</a><span>|</span><a href="#">支付宝</a><span>|</span><a href="#">物流</a></p>
    <p class="p2"><a href="#">关于我们</a><a href="#">合作伙伴</a><a href="#">联系我们</a><a href="#">网站地图</a></p></div>
<script src="js/lib/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>